@charset "utf-8";

/* CSS Document */

 *html{background-image:url(about:blank);background-attachment:fixed;}/*低版本浏览器防止抖动的，必须有*/

/*--------------------------------------------------------------
	                        header
---------------------------------------------------------------*/
#header {}
.headerbox{width:1000px; margin-right: auto; margin-left: auto; height:80px; }

.search {float:right; margin-top: 20px;   display:inline;}
.logo { width: 180px; height: 80px; float: left; background-image: url(res/images/logo.png); background-repeat: no-repeat; background-position: center center; }

#navbar{margin-left:auto; margin-right:auto; background-color: #EFEFEF; }
/*--------------------------------------------------------------
	                        main
---------------------------------------------------------------*/

.localbar { height: 30px; background-color: #a1a1a1; margin-bottom: 10px; }

.localbar li { margin: 0 auto; line-height: 30px; colore: #fff; width: 1000px; text-align: left; color: #fff; }

.contentbox { margin: 0 auto; width: 1000px; }

.tablelist { border-collapse: collapse; border-spacing: 0; }

.tablelist tr { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e4e4e4; }

.tablelist tr td { padding: 10px; cellpadding: 90 }

.h1 { font-size: 1.6em; font-weight: bold; }

.h2 { color: #ed7f5a; }

.h3 { font-weight: bold; }

.h4 { font-size: 1.3em; font-weight: bold; }
.h9{ font-weight: bold; }
.h12{ font-weight: bold; font-size: 16px; color: #ff6600; text-decoration: none; }
.h13{ font-weight: bold; font-size: 16px;  text-decoration: none; }
.tr2 { background-color: #f1f1f1 }

.tr3 { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #ccc; }

.tt { background-image: url(../img/ttbg.png) }

.detailstable { }

.detailstable tr td { padding: 10px; }

.tab { height: 23px; float: right; }

.tab a:link,
.tab a:visited { color: #333; text-decoration: none; padding-right: 5px; padding-left: 5px; display: inline-block; line-height: 23px; text-align: center; font-size: 1.2em; }

.tab a:hover { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #ed7f5a; color: #333; text-decoration: none; }
.tab>current { border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #ed7f5a; color: #333; text-decoration: none; }
.left { float: left; width: 699px; }

.right { floar: right; width: 290px; margin-left: 710px; }

.dashed { border: 1px dashed #CCC; border-radius: 5px; padding: 10px; }

.rightinfobox { margin-top: 35px; }

.rightinfobox a,
.rightinfobox span { line-height: 25px; }

.pricetable td { padding: 3px; height: 30px; }

.coverbox { width: 100%; padding: 10px; }


.coverimg { width: 260px; height: 148px; }

.coverbanner { height: 350px; width: 100%; background-color: #A1A1A1; font-size: 3em; color: #FFF; text-align: center; text-indent: 2%; white-space: normal; display: block; }

.standrad {padding-top: 2px; margin-top: 10px; margin-left: 20px;}

.field { padding-top: 40px; }

.field p { line-height: 3em; text-decoration: none; text-indent: 2em; }

.enter{padding-left:800px;}

/*--------------------------------------------------------------
	                        input
---------------------------------------------------------------*/


.lable { border: 1px solid #CCC; border-radius: 5px; line-height: 26px; text-indent: 3px; }

input[type="submit"] {margin-left: 420px;margin-right: 0px; line-height:26px;padding: 2px; border-radius: 5px; background-color: #ff6600; display: block; position: relative; color: #fff; text-decoration: none; cursor: pointer; text-align: center; box-shadow: none; text-shadow: none; border: medium none; width:300px }


input[type="submit"]:hover { background-color: #FF9900; }

input[type="button"] { line-height:26px; padding: 2px; border-radius: 5px; background-color: #ff6600; display: block; position: relative; color: #fff; text-decoration: none; cursor: pointer; text-align: center; box-shadow: none; text-shadow: none; border: medium none; }

input[type="button"]:hover { background-color:  #FF9900; }

input[type="text"] { border: 1px solid #c2b89f; line-height: 26px; border-radius: 5px; }

input[type="text"]:focus { border: 1px solid #c2b89f; background-color: #C90; background-color: #efe4cc; }

input[type="text"].name { background-image: url(../img/gray/user.png); background-repeat: no-repeat; background-position: 5px center; text-indent: 30px; }

input[type="text"].email { background-image: url(../img/gray/mail_2.png); background-repeat: no-repeat; background-position: 5px center; text-indent: 30px; }

input[type="text"].phone { background-image: url(../img/gray/phone_2.png); background-repeat: no-repeat; background-position: 5px center; text-indent: 30px; }

input[type="text"].adress { background-image: url(../img/gray/pin_map.png); background-repeat: no-repeat; background-position: 5px center; text-indent: 30px; }

textarea { border: 1px solid #c2b89f; line-height: 26px; border-radius: 5px; }

textarea:focus { background-color: #efe4cc; }

textarea.message { padding: 5px; background-image: url(../img/gray/doc_edit.png); background-repeat: no-repeat; background-position: 5px 5px; text-indent: 25px; }

/*--------------------------------------------------------------
	                        search_box
---------------------------------------------------------------*/


#search_box { width: 200px; height: 28px; border: 1px solid #CCC; border-radius: 5px; }

#search_box #s { line-height: 16px; float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 159px; background: none; }

#search_box #go { float: right; margin: 3px 4px 0 0; }




#search_box2 { width: 600px; height: 32px; border: 1px solid #CCC; border-radius: 5px; background-color: #FFF; }

#search_box2 #s2 { line-height:32px; height: 32px;  float: left; padding-left:10px; border: 0; width: 540px; background: none; }

#search_box2 #go2 { float: right; margin: 5px; }

/*--------------------------------------------------------------
	                        submit_box
---------------------------------------------------------------*/


#submit_box { width: 240px; height: 28px; border: 1px solid #CCC; border-radius: 5px; }

#submit_box #a { line-height: 16px; float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 159px; background: none; }

#submit_box #submit { float: right; margin: 3px 4px 0 0; }

/*--------------------------------------------------------------
	                       case
---------------------------------------------------------------*/


.case { margin: 0 auto; width: 692px; }

.case li { float: left; display: inline; margin-right: 22px; margin-left: 22px; width: 302px; height: 215px; background: url(../images/case/bg_case_f.png) center bottom no-repeat; position: relative; }

.case li .case_w { display: block; width: 262px; height: 145px; padding: 20px; background: url(../img/case/bg_case.png) no-repeat; position: absolute; bottom: 14px; left: 0px; }

.case li .case_w .fire { background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 20px; left: 20px; width: 262px; height: 148px; z-index: 2; display: none; text-align: center; }

.case li .case_w .x,
.case li .case_w .y { width: 61px; height: 61px; top: 60px; position: absolute; z-index: 3; display: none; }

.case li .case_w .x { background: url(../img/case/zoom-icon.png); left: 50px; }

.case li .case_w .y { background: url(../img/case/readmore-icon.png); right: 50px; }

/*--------------------------------------------------------------
	                        footer
---------------------------------------------------------------*/

.footer {overflow:hidden; position: relative; height: 260px; background-color: #969696; width: 1000px; margin:0 auto;}

.bottom-menu {text-align: center;width:400px;margin:0 auto; height:50px;}

.bottom-menu a:link,
.bottom-menu a:visited {float:left; display:block;font-size: 14px;line-height: 30px;padding:10px; color: #CCC; text-decoration: none; }

.bottom-menu a:hover { color: #fff; }

.info{ width:900px;margin-left:auto;margin-right:auto;margin-top:30px;}
.adress{ float:left; width:300px;}
.adress p{ color: #CCC; text-decoration: none; }
.h6{ color: #CCC; text-decoration: none; font-size: 1.5em; font-weight: bold; }

.social-icons {
	float:left;width:250px; margin-left:350px;
}
.social-icons li {
	display:inline-block;
	width:36px;
	height:36px;
	cursor:pointer;
	margin-right: 4px;
}
.social-icons li.icon2 {
	background:url(../img/icon2.png) no-repeat 0px  -36px;
}
.social-icons li.icon2:hover {
	background:url(../img/icon2.png) no-repeat 0px  0px;
}
.social-icons li.icon3 {
	background:url(../img/icon3.png) no-repeat 0px  -36px;
}
.social-icons li.icon3:hover {
	background:url(../img/icon3.png) no-repeat 0px  0px;
}
.social-icons li.icon4 {
	background:url(../img/icon4.png) no-repeat 0px  -36px;
}
.social-icons li.icon4:hover {
	background:url(../img/icon4.png) no-repeat 0px  0px;
}
.social-icons li.icon1 {
	background:url(../img/icon1.png) no-repeat 0px  -36px;
}
.social-icons li.icon1:hover {
	background:url(../img/icon1.png) no-repeat 0px  0px;
}
.social-icons li.icon5 {
	background:url(../img/icon5.png) no-repeat 0px  -36px;
}
.social-icons li.icon5:hover {
	background:url(../img/icon5.png) no-repeat 0px  0px;
}
